/*
 * @Author: kanglang
 * @Date: 2020-08-06 19:20:04
 * @LastEditors: kanglang
 * @LastEditTime: 2021-02-19 11:45:15
 * @Description: 轮播图缺省图
 */
import React from 'react';
import { StyleSheet, View, Image, Text } from 'react-native';
import { mainBgColorLightGray, px2dp, } from '@/styles';
import { picLoading_1x1 } from '@/images';
/**
 * @author kanglang
 * @description 轮播图缺省图
 * @createDate 2020/7/29
 *
 */
export default function GoodsDefaultPic({ style }) {
  return (
    <View style={[styles.container, style]}>
      <View style={styles.defaultPicContainer}>
        <Image
          style={styles.defaultPic}
          resizeMode='stretch'
          source={picLoading_1x1}
        />
        <Text allowFontScaling={false} style={styles.symbol}>
          图片加载中…
        </Text>
      </View>
    </View>
  );
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    backgroundColor: mainBgColorLightGray,
    justifyContent: 'center'
  },
  defaultPicContainer: {
    width: '100%',
    height: px2dp(150),
    justifyContent: 'space-between',
    alignItems: 'center'
  },
  defaultPic: {
    width: px2dp(108),
    height: px2dp(84)
  },
  symbol: {
    flex: 1,
    color: '#CDCCCB',
    fontSize: px2dp(28)
  }
});
